<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>

    <title>Canvas Admin - Tables</title>

    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />


    <link rel="stylesheet" href="stylesheets/all.css" type="text/css" />

    <!--[if gte IE 9]>
	<link rel="stylesheet" href="stylesheets/ie9.css" type="text/css" />
	<![endif]-->

    <!--[if gte IE 8]>
	<link rel="stylesheet" href="stylesheets/ie8.css" type="text/css" />
	<![endif]-->

</head>

<body>

    <div id="wrapper">

        <div id="header">
            <h1><a href="dashboard.html">Canvas Admin</a></h1>
            <a href="javascript:;" id="reveal-nav">
                <span class="reveal-bar"></span>
                <span class="reveal-bar"></span>
                <span class="reveal-bar"></span>
            </a>
        </div>
        <!-- #header -->

        <div id="search">
            <form>
                <input type="text" name="search" placeholder="Search..." id="searchField" />
            </form>
        </div>
        <!-- #search -->

        <div id="sidebar">

            <ul id="mainNav">
                <li id="navDashboard" class="nav">
                    <span class="icon-home"></span>
                    <a href="dashboard.html">Dashboard</a>
                </li>

                <li id="navPages" class="nav">
                    <span class="icon-document-alt-stroke"></span>
                    <a href="javascript:;">Sample Pages</a>

                    <ul class="subNav">
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="support.html">Support</a></li>
                        <li><a href="people.html">People Directory</a></li>
                        <li><a href="calendar.html">Calendar</a></li>
                        <li><a href="stream.html">Stream</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="reports.html">Reports</a></li>
                    </ul>
                </li>

                <li id="navForms" class="nav">
                    <span class="icon-article"></span>
                    <a href="javascript:;">Form Elements</a>

                    <ul class="subNav">
                        <li><a href="forms.html">Layouts & Elements</a></li>
                        <li><a href="forms-validations.html">Validations</a></li>
                    </ul>
                </li>

                <li id="navType" class="nav">
                    <span class="icon-info"></span>
                    <a href="typography.html">Typography</a>
                </li>

                <li id="navGrid" class="nav">
                    <span class="icon-layers"></span>
                    <a href="grids.html">Grid Layout</a>
                </li>

                <li id="navTables" class="nav active">
                    <span class="icon-list"></span>
                    <a href="tables.html">Tables</a>
                </li>

                <li id="navButtons" class="nav">
                    <span class="icon-compass"></span>
                    <a href="buttons.html">Buttons & Icons</a>
                </li>

                <li id="navInterface" class="nav">
                    <span class="icon-equalizer"></span>
                    <a href="interface.html">Interface Elements</a>
                </li>

                <li id="navCharts" class="nav">
                    <span class="icon-chart"></span>
                    <a href="charts.html">Charts & Graphs</a>
                </li>

                <li id="navMaps" class="nav">
                    <span class="icon-map-pin-fill"></span>
                    <a href="maps.html">Map Elements</a>
                </li>

                <li class="nav">
                    <span class="icon-denied"></span>
                    <a href="javascript:;">Error Pages</a>

                    <ul class="subNav">
                        <li><a href="error-401.html">401 Page</a></li>
                        <li><a href="error-403.html">403 Page</a></li>
                        <li><a href="error-404.html">404 Page</a></li>
                        <li><a href="error-500.html">500 Page</a></li>
                        <li><a href="error-503.html">503 Page</a></li>
                    </ul>
                </li>
            </ul>

        </div>
        <!-- #sidebar -->

        <div id="content">

            <div id="contentHeader">
                <h1>Tablessssssss</h1>
            </div>
            <!-- #contentHeader -->

            <div class="container">

                <div class="grid-24">


                    <div class="box plain">

                        <h3>Basic Table</h3>

                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Rendering engine</th>
                                    <th>Browser</th>
                                    <th>Platform(s)</th>
                                    <th>Engine version</th>
                                    <th>CSS grade</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="odd gradeX">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 4.0</td>
                                    <td>Win 95+</td>
                                    <td class="center">4</td>
                                    <td class="center">X</td>
                                </tr>
                                <tr class="even gradeC">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 5.0</td>
                                    <td>Win 95+</td>
                                    <td class="center">5</td>
                                    <td class="center">C</td>
                                </tr>
                                <tr class="odd gradeA">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 5.5</td>
                                    <td>Win 95+</td>
                                    <td class="center">5.5</td>
                                    <td class="center">A</td>
                                </tr>
                                <tr class="even gradeA">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 6</td>
                                    <td>Win 98+</td>
                                    <td class="center">6</td>
                                    <td class="center">A</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- .box -->

                    <br />

                    <div class="box plain">

                        <h3>Bordered Table</h3>

                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>Rendering engine</th>
                                    <th>Browser</th>
                                    <th>Platform(s)</th>
                                    <th>Engine version</th>
                                    <th>CSS grade</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="odd gradeX">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 4.0</td>
                                    <td>Win 95+</td>
                                    <td class="center">4</td>
                                    <td class="center">X</td>
                                </tr>
                                <tr class="even gradeC">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 5.0</td>
                                    <td>Win 95+</td>
                                    <td class="center">5</td>
                                    <td class="center">C</td>
                                </tr>
                                <tr class="odd gradeA">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 5.5</td>
                                    <td>Win 95+</td>
                                    <td class="center">5.5</td>
                                    <td class="center">A</td>
                                </tr>
                                <tr class="even gradeA">
                                    <td>Trident</td>
                                    <td>Internet
									 Explorer 6</td>
                                    <td>Win 98+</td>
                                    <td class="center">6</td>
                                    <td class="center">A</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- .box -->


                    <br />


                    <div class="widget widget-table">

                        <div class="widget-header">
                            <span class="icon-list"></span>
                            <h3 class="icon chart">Widget Table</h3>
                        </div>

                        <div class="widget-content">

                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Rendering engine</th>
                                        <th>Browser</th>
                                        <th>Platform(s)</th>
                                        <th>Engine version</th>
                                        <th>CSS grade</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="odd gradeX">
                                        <td>Trident</td>
                                        <td>Internet
										 Explorer 4.0</td>
                                        <td>Win 95+</td>
                                        <td class="center">4</td>
                                        <td class="center">X</td>
                                    </tr>
                                   
                                </tbody>
                            </table>


                        </div>
                        <!-- .widget-content -->

                    </div>
                    <!-- .widget -->





                    <div class="widget widget-table">

                        <div class="widget-header">
                            <span class="icon-list"></span>
                            <h3 class="icon chart">Data Table Plugin</h3>
                        </div>

                        <div class="widget-content">

                            <table class="table table-bordered table-striped data-table">
                                <thead>
                                    <tr>
                                        <th>Rendering engine</th>
                                        <th>Browser</th>
                                        <th>Platform(s)</th>
                                        <th>Engine version</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.5</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.6</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.6</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.7</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.7</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.8</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Seamonkey 1.1</td>
                                        <td>Win 98+ / OSX.2+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Epiphany 2.20</td>
                                        <td>Gnome</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.2</td>
                                        <td>OSX.3</td>
                                        <td class="center">125.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.3</td>
                                        <td>OSX.3</td>
                                        <td class="center">312.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 2.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">419.3</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 3.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">522.1</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.5</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.6</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.6</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.7</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.7</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.8</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Seamonkey 1.1</td>
                                        <td>Win 98+ / OSX.2+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Epiphany 2.20</td>
                                        <td>Gnome</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.2</td>
                                        <td>OSX.3</td>
                                        <td class="center">125.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.3</td>
                                        <td>OSX.3</td>
                                        <td class="center">312.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 2.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">419.3</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 3.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">522.1</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.5</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.6</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.6</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.7</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.7</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.8</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Seamonkey 1.1</td>
                                        <td>Win 98+ / OSX.2+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Epiphany 2.20</td>
                                        <td>Gnome</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.2</td>
                                        <td>OSX.3</td>
                                        <td class="center">125.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.3</td>
                                        <td>OSX.3</td>
                                        <td class="center">312.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 2.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">419.3</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 3.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">522.1</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.5</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.6</td>
                                        <td>Win 95+ / OSX.1+</td>
                                        <td class="center">1.6</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.7</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.7</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Mozilla 1.8</td>
                                        <td>Win 98+ / OSX.1+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Seamonkey 1.1</td>
                                        <td>Win 98+ / OSX.2+</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Gecko</td>
                                        <td>Epiphany 2.20</td>
                                        <td>Gnome</td>
                                        <td class="center">1.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.2</td>
                                        <td>OSX.3</td>
                                        <td class="center">125.5</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 1.3</td>
                                        <td>OSX.3</td>
                                        <td class="center">312.8</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 2.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">419.3</td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>Webkit</td>
                                        <td>Safari 3.0</td>
                                        <td>OSX.4+</td>
                                        <td class="center">522.1</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- .widget-content -->

                    </div>
                    <!-- .widget -->











                </div>
                <!-- .grid -->





            </div>
            <!-- .container -->

        </div>
        <!-- #content -->

        <div id="topNav">
            <ul>
                <li>
                    <a href="#menuProfile" class="menu">John Doe</a>

                    <div id="menuProfile" class="menu-container menu-dropdown">
                        <div class="menu-content">
                            <ul class="">
                                <li><a href="javascript:;">Edit Profile</a></li>
                                <li><a href="javascript:;">Edit Settings</a></li>
                                <li><a href="javascript:;">Suspend Account</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="javascript:;">Upgrade</a></li>
                <li><a href="index-2.html">Logout</a></li>
            </ul>
        </div>
        <!-- #topNav -->

        <div id="quickNav">
            <ul>
                <li class="quickNavMail">
                    <a href="#menuAmpersand" class="menu"><span class="icon-book"></span></a>



                    <div id="menuAmpersand" class="menu-container quickNavConfirm">
                        <div class="menu-content cf">

                            <div class="qnc qnc_confirm">

                                <h3>Confirm</h3>

                                <div class="qnc_item">
                                    <div class="qnc_content">
                                        <span class="qnc_title">Confirm #1</span>
                                        <span class="qnc_preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</span>
                                        <span class="qnc_time">3 hours ago</span>
                                    </div>
                                    <!-- .qnc_content -->

                                    <div class="qnc_actions">
                                        <button class="btn btn-primary btn-small">Accept</button>
                                        <button class="btn btn-quaternary btn-small">Not Now</button>
                                    </div>
                                </div>

                                <div class="qnc_item">
                                    <div class="qnc_content">
                                        <span class="qnc_title">Confirm #2</span>
                                        <span class="qnc_preview">Duis aute irure dolor in henderit in voluptate velit esse cillum dolore.</span>
                                        <span class="qnc_time">3 hours ago</span>
                                    </div>
                                    <!-- .qnc_content -->

                                    <div class="qnc_actions">
                                        <button class="btn btn-primary btn-small">Accept</button>
                                        <button class="btn btn-quaternary btn-small">Not Now</button>
                                    </div>
                                </div>

                                <div class="qnc_item">
                                    <div class="qnc_content">
                                        <span class="qnc_title">Confirm #3</span>
                                        <span class="qnc_preview">Duis aute irure dolor in henderit in voluptate velit esse cillum dolore.</span>
                                        <span class="qnc_time">3 hours ago</span>
                                    </div>
                                    <!-- .qnc_content -->

                                    <div class="qnc_actions">
                                        <button class="btn btn-primary btn-small">Accept</button>
                                        <button class="btn btn-quaternary btn-small">Not Now</button>
                                    </div>
                                </div>

                                <a href="javascript:;" class="qnc_more">View all Confirmations</a>

                            </div>
                            <!-- .qnc -->
                        </div>
                    </div>
                </li>
                <li class="quickNavNotification">
                    <a href="#menuPie" class="menu"><span class="icon-chat"></span></a>

                    <div id="menuPie" class="menu-container">
                        <div class="menu-content cf">

                            <div class="qnc">

                                <h3>Notifications</h3>

                                <a href="javascript:;" class="qnc_item">
                                    <div class="qnc_content">
                                        <span class="qnc_title">Notification #1</span>
                                        <span class="qnc_preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</span>
                                        <span class="qnc_time">3 hours ago</span>
                                    </div>
                                    <!-- .qnc_content -->
                                </a>

                                <a href="javascript:;" class="qnc_item">
                                    <div class="qnc_content">
                                        <span class="qnc_title">Notification #2</span>
                                        <span class="qnc_preview">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</span>
                                        <span class="qnc_time">3 hours ago</span>
                                    </div>
                                    <!-- .qnc_content -->
                                </a>

                                <a href="javascript:;" class="qnc_more">View all Confirmations</a>

                            </div>
                            <!-- .qnc -->
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- .quickNav -->


    </div>
    <!-- #wrapper -->

    <div id="footer">
        Copyright &copy; 2012, MadeByAmp Themes.
    </div>


    <script src="javascripts/all.js"></script>

</body>
</html>
